@import '~ant-design-vue/es/style/themes/default.less';

html,
body,
#app, #root {
  height: 100%;
}
 /* 文字溢出隐藏并显示省略号 */
  .ellipse1{
    /* height: 100%; */
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp:1; /* 设置行数 */
  	-webkit-box-orient:vertical;
  }
#app {
	  font-family: Avenir, Helvetica, Arial, sans-serif;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  min-height: 100%;
	  box-sizing: border-box;
	  letter-spacing: 1px;
	}
  body{
    font-family: Avenir, Helvetica, Arial, sans-serif !important;
  }
  .red{color: #FF6666;}
  .width100{width:100px;}
  .width160{width:160px;}
  .width200{width:200px;}
  .width240{width:240px;}
  .width300{width:300px;}
  .margL6{
    margin-left: 6px;
  }
  .margL10{
    margin-left: 10px;
  }
  .margL20{
    margin-left: 20px;
  }
  .margT6{
    margin-top: 6px;
  }
  .margT10{
    margin-top: 10px;
  }
  .margT20{
    margin-top: 20px;
  }
  .modelBottonBtnBox{
    text-align: right;
  }
  p{
    margin-bottom: 0px !important;
    img{
      width:100% !important;
    }
  }
  .ant-card-body{
    padding: 16px !important;
  }
  .goodsInfo{
    display: flex;
    .imgBox{
      flex: 0 0 180px;
      height: 150px;
      object-fit: cover;
    }
    .modelBox{
      flex: 1;
      .line{
        width: 100%;
        padding-bottom: 5px;
        display: flex;
          .label{
            text-align: right;
            width: 150px;
          }
          .value{
            margin-left: 20px;
          }
      }
    }
  }
  .modelBox{
    .line{
      width: 100%;
      padding-bottom: 5px;
      display: flex;
        .label{
          text-align: left;
          width: 150px;
        }
        .value{
          margin-left: 20px;
        }
    }
  }

.colorWeak {
  filter: invert(80%);
}

.ant-layout.layout-basic {
  height: 100vh;
  min-height: 100vh;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

// 数据列表 样式
.table-alert {
  margin-bottom: 16px;
}
// 数据列表 操作
.table-operator {
  margin-bottom: 18px;

  button {
    margin-right: 8px;
  }
}
// 数据列表 搜索条件
.table-page-search-wrapper {

  .ant-form-inline {
    .ant-form-item {
      display: flex;
      margin-bottom: 24px;
      margin-right: 0;

      .ant-form-item-control-wrapper {
        flex: 1 1;
        display: inline-block;
        vertical-align: middle;
      }

      > .ant-form-item-label {
        line-height: 32px;
        padding-right: 8px;
        width: auto;
      }
      .ant-form-item-control {
        height: 32px;
        line-height: 32px;
      }
    }
  }

  .table-page-search-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}
